<!DOCTYPE html>
<html>
<head>
	<title>疯狂猜图移动版</title>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no, maximum-scale=1">
	<link rel="stylesheet" href="resources/css/global.css"/>
	<link rel="stylesheet" href="resources/css/index.css"/>
	<link rel="stylesheet" href="resources/css/game.css"/>
	<link rel="stylesheet" href="resources/css/jquery.mobile-1.3.1.min.css"/>
    <script src="resources/js/jquery-1.9.1.min.js"></script>
    <script src="resources/js/jquery.mobile-1.3.1.min.js"></script>
    <script src="resources/js/index.js"></script>
    <script src="resources/js/game.js"></script>
    <script src="resources/js/replace.js"></script>
</head>
<body>
<!-- 用户开始界面 -->
<section data-role="page" id="welcome">
	<header data-role="header" data-position="fixed">
		<h1>疯狂猜图移动版</h1>
	</header>
	<section data-role="content">
		<ul data-role="listview" data-inset="true" class="main">
			<li>
				<a href="#register">
					<img class="img" src="resources/images/user_register.png">
					<p class="title">用户注册</p>
					<p class="sub_title">User Register</p>
				</a>
			</li>
			<li>
				<a href="#login">
					<img class="img" src="resources/images/user_login.png">
					<p class="title">用户登陆</p>
					<p class="sub_title">User Login</p>
				</a>
			</li>
			<li>
				<a href="#">
					<img class="img" src="resources/images/ranking_list.png">
					<p class="title">游戏排行榜</p>
					<p class="sub_title">Game Ranking List</p>
				</a>
			</li>
			<li>
				<a href="#">
					<img class="img" src="resources/images/help.png">
					<p class="title">帮助</p>
					<p class="sub_title">Help</p>
				</a>
			</li>
		</ul>
	</section>
	<footer data-role="footer" data-position="fixed">
		<h3>龙哥版权所有  &copy; 2010-2014</h3>
	</footer>
</section>

<!-- 用户注册界面 -->
<section data-role="page" id="register">
	<header data-role="header" data-position="fixed">
		<h1>用户注册</h1>
		<a href="#" data-role="button" data-rel="back" data-icon="arrow-l">返回</a>
	</header>
	<section data-role="content">
		<form id="registerForm">
			<label for="loginid"><i class="must">*</i> 登录名</label>
			<input type="email" name="loginid" id="loginid"/>
			<p class="error" id="emptymail"><span class="icon_noticeS"></span>邮箱地址不能为空</p>
			<p class="error" id="erroremail"><span class="icon_noticeS"></span>请输入正确的邮箱地址</p>
			<p class="error" id="isexist"><span class="icon_noticeS"></span>该登录名太受欢迎了</p>
			<label for="pwd"><i class="must">*</i> 密码</label>
			<input type="password" name="pwd" id="pwd"/>
			<p class="error" id="emptypwd"><span class="icon_noticeS"></span>密码不能为空</p>
			<label for="nickname"><i class="must">*</i> 昵称</label>
			<input type="text" name="nickname" id="nickname"/>
			<p class="error" id="emptynickname"><span class="icon_noticeS"></span>昵称不能为空</p>
			<label for="birthday"><i class="must">*</i> 生日</label>
			<input type="date" name="birthday" id="birthday"/>
			<p class="error" id="emptybirthday"><span class="icon_noticeS"></span>生日不能为空</p>
			<input type="button" value="注册" id="btnRegister" data-theme="b"/>
		</form>
		
		<!-- 弹出框 -->
		<div id="commonPopup" data-role="popup" data-overlay-theme="a" data-dismissible="false">
			<div data-role="header">
				<h1>用户注册</h1>
			</div>
			<div data-role="content">
				<p style="text-align:center">带<i class="must">*</i>号的为必填项，请填写完整再注册！！</p>
				<a href="#register" data-role="button" style="width:80px;height:40px;margin:auto">确定</a>
			</div>
		</div>
		<!-- 弹出框 -->
		
		<!-- 进入游戏开始 -->
		<div id="startPopup1" data-role="popup" data-overlay-theme="a" data-dismissible="false">
			<div data-role="header">
				<h1>进入游戏</h1>
			</div>
			<div data-role="content">
				<p style="text-align:center"><img src="resources/images/play.png" style="width:128px;height:128px"/></p>
			
				<a href="#" data-role="button" data-inline="true" class="startGame1">开始游戏</a>
				<a href="#welcome" data-role="button" data-inline="true" >返回</a>
			</div>
		</div>
		<!-- 游戏结束 -->
	</section>
	<footer data-role="footer" data-position="fixed">
		<h3>龙哥版权所有  &copy; 2010-2014</h3>
	</footer>
</section>

<!-- 用户登陆界面 -->
<section data-role="page" id="login">
	<header data-role="header" data-position="fixed">
		<h1>用户登陆</h1>
		<a href="#" data-role="button" data-rel="back" data-icon="arrow-l">返回</a>
	</header>
	<section data-role="content">
		<form id="loginForm">
			<label for="loginid"><i class="must">*</i> 登录名</label>
			<input type="email" name="loginid" id="userloginid"/>
			<label for="pwd"><i class="must">*</i> 密码</label>
			<input type="password" name="pwd" id="userpwd"/>
			<input type="button" value="登陆" id="btnLogin" data-theme="b"/>
		</form>
		
		<!-- 弹出框 -->
		<div id="checkPopup" data-role="popup" data-overlay-theme="a" data-dismissible="false">
			<div data-role="header">
				<h1>用户登陆</h1>
			</div>
			<div data-role="content">
				<p style="text-align:center" id="common">带<i class="must">*</i>号的为必填项，请填写完整再登陆！！</p>
				<a href="#login" data-role="button" style="width:80px;height:40px;margin:auto">确定</a>
			</div>
		</div>
		<!-- 弹出框 -->
		
		<!-- 进入游戏开始 -->
		<div id="startPopup" data-role="popup" data-overlay-theme="a" data-dismissible="false">
			<div data-role="header">
				<h1>进入游戏</h1>
			</div>
			<div data-role="content">
				<p style="text-align:center"><img src="resources/images/play.png" style="width:128px;height:128px"/></p>
			
				<a href="#" data-role="button" data-inline="true" class="startGame">开始游戏</a>
				<a href="#login" data-role="button" data-inline="true" >返回</a>
			</div>
		</div>
		<!-- 游戏结束 -->
	</section>
	<footer data-role="footer" data-position="fixed">
		<h3>龙哥版权所有  &copy; 2010-2014</h3>
	</footer>
</section>	
</body>
</html>